<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><ui:insert name="title">Default Title</ui:insert></title>
        <h:outputStylesheet name="css/jsfcrud.css"/>
        <h:outputStylesheet name="css/menu.css"/>
        <h:outputStylesheet name="css/coleta.css"/>
    </h:head>

    <h:body>
        <nav>
            <ul class="menuVertical">
                <c:if test="${usuarioController.logado.nome != null}">
                    <li>#{bundle.MenuWelcome}&nbsp; #{usuarioController.logado.nome}!&nbsp; #{bundle.MenuLogged}</li>
                    <h:form>
                        <h:commandLink action="#{usuarioController.logout()}" value="#{bundle.MenuLogout}" />
                    </h:form>
                </c:if>
                <c:if test="${usuarioController.logado.nome == null}">
                    <li><h:link outcome="/usuario/login" value="#{bundle.MenuLogin}"/></li>
                    <li><a href="usuario.jsf">#{bundle.MenuRegister}</a></li>
                </c:if>
            </ul>
        </nav>
        <nav>
            <ul>
                <li class="menuHorizontal"><h:link outcome="/sobre" value="#{bundle.MenuAbout}"/></li>
                <li class="menuHorizontal"><a href="C">Importância</a></li>
                <li class="menuHorizontal"><a href="curiosidades.xhtml">Curiosidades</a></li>
                <c:if test="${usuarioController.logado.idTipoUsuario.id == '3'}">
                    <li class="menuHorizontal"><h:link outcome="/material/pesquisa" value="#{bundle.MenuMaterial}"/></li>
                </c:if>
                <li class="menuHorizontal"><a href="#">Solicitar Agendamento</a></li>
                <li class="menuHorizontal"><a href="cliente.xhtml">Cliente</a></li>
                <li class="menuHorizontal"><a href="#">Coletor</a></li>
                <li class="menuHorizontal"><a href="#">Confirmar Agendamento</a></li>
            </ul>
        </nav>
        
        <h1>
            <ui:insert name="title">Default Title</ui:insert>
        </h1>
        <p>
            <ui:insert name="body">Default Body</ui:insert>
        </p>
    </h:body>

</html>
